<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>首页-橡塑装备</title>
		<link rel="stylesheet" href="/mobile/css/mobile.css" />
		<script src="/mobile/js/jquery.min.js"></script>
		<script src="/mobile/js/jquery.easing.min.js"></script>
		<script src="/mobile/js/TouchSlide.1.1.js"></script>
	</head>
	<body>

		<div class="main">
			<div class="search_container">
				<input type="search" class="search" placeholder="输入关键词..."  />
			</div>

			<div id="focus" class="focus">
				<div class="hd">
					<ul></ul>
				</div>
				<div class="bd">
					<ul>
						{volist name="rs_banner" id="item"}
						<li><a href="{php}
							if($item['content_type']==1){
								echo url('article/detail',['banner_id'=>$item['id']]);
							}else if($item['content_type']==2){
								echo $item['url'];
							}else{
								echo '#';
							}
						{/php}"><img src="{$item.image}" /></a></li>
						{/volist}

					</ul>
				</div>
			</div>

			<ul class="idx_nav">
				<li><a href="{:url('hangyexinxi/index')}"><img src="/mobile/img/ico_nav1.png">行业信息</a></li>
				<li><a href="{:url('xiangsu/index')}"><img src="/mobile/img/ico_nav2.png">橡塑装备</a></li>
				<li><a href="{:url('cihui/index')}"><img src="/mobile/img/ico_nav3.png">专业词典</a></li>
				<li><a href="{:url('shukan/index')}"><img src="/mobile/img/ico_nav4.png">专业书刊</a></li>
			</ul>
			<ul class="idx_nav">
				<li><a href="{:url('huiyipeixun/index')}"><img src="/mobile/img/ico_nav5.png">会议培训</a></li>
				<li><a href="{:url('hangyezhanhui/index')}"><img src="/mobile/img/ico_nav6.png">行业展会</a></li>
				<li><a href="{:url('biaozhun/index')}"><img src="/mobile/img/ico_nav7.png">标准编制</a></li>
				<li><a href="{:url('renwu/index')}"><img src="/mobile/img/ico_nav8.png">人物专栏</a></li>
			</ul>
		</div>
		<div class="gap"></div>
		<div class="main" style="padding-top: 15px;">
			<div class="flex_between">

    				<div class="tougao_item">
    				    <a href="{:url('shukan/qikan_tougao')}">
    					<div>
    						<h5>在线投稿</h5>
    						<p class="desc">发挥你的才华</p>
    					</div>
    					</a>
    				</div>


    				<div class="zhengshu_item">
    				    <a href="{:url('zhengshu/index')}">
    					<div>
    						<h5>证书查询</h5>
    						<p class="desc">专业的认证</p>
    					</div>
    				    </a>
    				</div>

			</div>

			<div id="tabBox1" class="tabBox1">
				<div class="sec_title">行业信息<a href="{:url('hangyexinxi/index')}">更多 >></a></div>
				<div class="hd">
					<ul>
						{volist name="hangyexinxitype" id="item"}
						<li><a href="javascript:void(0)">{$item.name}</a></li>
						{/volist}
					</ul>
				</div>
				<div class="bd" id="tabBox1-bd"><!-- 添加id，js用到 -->
					{volist name="hangyexinxitype" id="item"}
					<div class="con"><!-- 高度自适应需添加外层 -->
						<ul>
							{volist name="$item.list" id="hyxx_item"}
							<li><a href="{:url('hangyexinxi/detail',['id'=>$hyxx_item.id])}">
								<div class="content">
									<h6>{$hyxx_item.title}</h6>
									<span style="color: #999;">{$hyxx_item.updatetime|date="Y-m-d",###}</span>
								</div>
								<img src="{$hyxx_item.image}">
							</a></li>
							{/volist}
						</ul>
					</div>
					{/volist}
				</div>
			</div>

			<div class="sec_title">最新上刊<a href="{:url('shukan/index')}">更多 >></a></div>
			<ul class="book_list">
				{volist name="rs_qikan" id="item"}
				<a href="{:url('shukan/qikan_detail',['id'=>$item.id])}"><li><div class="img" style="background-image: url({$item.image});"></div>
					<div class="title">{$item.name}</div>
				</li></a>
				{/volist}

			</ul>
		</div>
		<div class="bg_gray_main">
			<div id="tabBox2" class="tabBox2">
				<div class="hd" style="position:relative;">
					<ul>
						<li><a href="javascript:void(0)">优质产品</a></li>
						<li><a href="javascript:void(0)">创新产品</a></li>
					</ul>
					<a style="position:absolute;right:0;top:3px;color: #666;font-size: 13px;" href="{:url('product/index')}">更多 >></a>
				</div>
				<div class="bd" id="tabBox2-bd"><!-- 添加id，js用到 -->
					<div class="con"><!-- 高度自适应需添加外层 -->
						<ul class="goodslist" style="padding: 0; min-height: auto;">
							{volist name="rs_youzhi_product" id="item"}
							<a href="{:url('product/detail',['id'=>$item.id])}"><li class="youzhi"><div class="img" style="background-image: url({$item.image});"></div>
								<div class="title">{$item.name}</div>
								<div class="desc">{$item.qiye_name}</div>
							</li></a>
							{/volist}

						</ul>
					</div>
					<div class="con"><!-- 高度自适应需添加外层 -->
						<ul class="goodslist" style="padding: 0; min-height: auto;">
							{volist name="rs_chuangxin_product" id="item"}
							<a href="{:url('product/detail',['id'=>$item.id])}"><li class="chuangxin"><div class="img" style="background-image: url({$item.image});"></div>
								<div class="title">{$item.name}</div>
								<div class="desc">{$item.qiye_name}</div>
							</li></a>
							{/volist}


						</ul>
					</div>

				</div>
			</div>

		</div>
		{include file="common/footer"}
	</body>
	<script type="text/javascript">
		TouchSlide({
			slideCell: "#focus",
			titCell: ".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
			mainCell: ".bd ul",
			effect: "left",
			autoPlay: true, //自动播放
			autoPage: true, //自动分页
		});
		TouchSlide( {
			slideCell:"#tabBox1",
			endFun:function(i){ //高度自适应
				var bd = document.getElementById("tabBox1-bd");
				bd.parentNode.style.height = bd.children[i].children[0].offsetHeight+"px";
				if(i>0)bd.parentNode.style.transition="200ms";//添加动画效果
			}

		});
		TouchSlide( {
			slideCell:"#tabBox2",
			endFun:function(i){ //高度自适应
				var bd = document.getElementById("tabBox2-bd");
				bd.parentNode.style.height = bd.children[i].children[0].offsetHeight+"px";
				if(i>0)bd.parentNode.style.transition="200ms";//添加动画效果
			}

		});
		$("input.search").keypress(function (e) {
		    	// 兼容写法
		      e = e || window.event;
		      key = e.keyCode || e.which || e.charCode;
		      if (key == 13) {
		          console.log($(this).val());
				  if($(this).val().trim()==''){
					  alert('请输入关键词');
					  return false;
				  }
				  window.open('{:url('index/search')}?keyword='+$(this).val(),'_blank')
		      }
		  });
		/*function loadData(e){
		    e = e || window.event;
		      key = e.keyCode || e.which || e.charCode;
		      if (key == 13) {
		          console.log($(this).val());
				  if($(this).val().trim()==''){
					  alert('请输入关键词');
					  return false;
				  }
				  window.open('{:url('xiangsu/search')}?keyword='+$(this).val(),'_blank')
		      }
		}*/
	</script>
</html>
